<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="script/angular.min.js"></script>
<script src="script/namesController.js"></script>

</head>
<body>

	<div data-ng-app=""
		data-ng-init="firstName='John';quantity=1;cost=5;names1=['Jani','Hege','Kai']"
		data-ng-controller="namesController">
		<p>
			The name is <span data-ng-bind="firstName"></span>
		<p>My first expression: {{ 5 + 5 }}</p>
		<p>Total in dollar: {{ quantity * cost }}</p>
		<p>
			Total in dollar: <span ng-bind="quantity * cost"></span>
		</p>

		Quantity: <input type="number" ng-model="quantity"> Costs: <input
			type="number" ng-model="cost"> Total in dollar: {{ quantity *
		cost }}

		<ul>
			<li ng-repeat="x1 in names1">{{ x1 }}</li>
		</ul>

		<ul>
			<li ng-repeat="x2 in names2">{{ x2.name + ', ' + x2.country }}</li>
		</ul>

	</div>


</body>
</html>